<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./template/layout.xhtml">

    <ui:define name="title">
        Login
    </ui:define>

    <ui:define name="content">
        <section class="login">
            <h2>Authentication</h2>
            <form method="POST" action="j_security_check">
                <div class="line">
                    <input type="text" name="j_username" placeholder="Email" value='#{request.getParameter("j_username")}' />
                </div>
                <div class="line">
                    <input type="password" name="j_password" placeholder="Password" autofocus="autofocus" />
                </div>
                <div class="line error red">
                    The email or password you entered is incorrect.
                </div>
                <input type="submit" value="Sign in" class="button green-hover" />
            </form>
        </section>
    </ui:define>

</ui:composition>
